// 2.引入常态化样式表
require("../../assets/css/normalize.css");
// 1.引入重置样式表
require("../../assets/css/reset.css");
// 3.引入公共样式
require("../../assets/css/common.css");
//3.1引入字体图标样式
require("../../assets/fonts/iconfont.css");
require("../../assets/css/tabbar.less");
// 4.引入当前页样式
require("./mine.less");

//引入js模块
const dom = require("../../utils/dom.js");
const axios = require("../../utils/axios.js");

document.addEventListener("DOMContentLoaded", function () {
	//渲染tabbar
	dom.tabbar("mine");

	axios.get("/api/user/info").then((res) => {
		// 渲染
		let data = res.data.data;
		console.log(data);
		// 用户名
		dom.get(".username").textContent = data.nickName;
		// 卡路里
		dom.get("#consume").textContent = data.calorie;
		// 运动时长
		dom.get("#sportsTime").textContent = data.duration;
		// 头像
		dom.get("#avator").src = axios.defaults.baseURL + data.imgUrl;
		// 签名
		dom.get("#sign").textContent = data.sign;
	});

	// 退出登录
	dom.get(".exit").addEventListener("click", function () {
		localStorage.removeItem("token");
		location.href = "login.html";
	});
});
